<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高级搜索</title>
</head>
<body>
<div class="page-content">
    <!--条件组表单 begin-->
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light">
                <form class="form-inline">
                    <div class="form-group">
                        <label>姓名</label>
                        <input type="text" class="form-control" id="exampleInputName2" placeholder="姓名">
                    </div>
                    <div class="form-group">
                        <label>性别</label>
                        <select class="form-control">
                            <option>不限</option>
                            <option>男</option>
                            <option>女</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>年龄</label>
                        <select class="form-control">
                            <option>不限</option>
                            <option>小于20岁</option>
                            <option>20岁到30岁</option>
                            <option>30岁到40岁</option>
                            <option>40岁到50岁</option>
                            <option>50岁以上</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>地区或城市关键字</label>
                        <input type="text" class="form-control" id="exampleInputName2" placeholder="地区或城市关键字">
                    </div>
                    <button type="submit" class="btn btn-default">搜索&nbsp;>>></button>
                </form>
            </div>

        </div>
    </div>
    <!--条件组表单 end-->
    <!-- BEGIN PAGE CONTENT-->
    <div class="row" style="margin-top: 20px;">
        <div class="col-md-12" ms-controller="index">
            <!-- Begin: life time stats -->
            <div class="portlet light">
                <div class="portlet-title">
                    <div class="caption">
                        <span class="caption-subject font-green-sharp bold">搜索结果</span>
                        <span class="caption-helper">共{{array.size()}}条记录</span>
                    </div>
                    <div class="actions">
                        <a href="ecommerce_orders.html#" class="btn btn-circle btn-default">
                            <i class="fa fa-plus"></i>
									<span class="hidden-480">
									新增</span>
                        </a>
                        <div class="btn-group">
                            <a class="btn btn-default btn-circle" href="ecommerce_orders.html#" data-toggle="dropdown">
                                <i class="fa fa-share"></i>
										<span class="hidden-480">
										导出 </span>
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <ul class="dropdown-menu pull-right">
                                <li>
                                    <a href="ecommerce_orders.html#">
                                        Export to Excel </a>
                                </li>
                                <li>
                                    <a href="ecommerce_orders.html#">
                                        Export to CSV </a>
                                </li>
                                <li>
                                    <a href="ecommerce_orders.html#">
                                        Export to XML </a>
                                </li>
                                <li class="divider">
                                </li>
                                <li>
                                    <a href="ecommerce_orders.html#">
                                        Print Invoices </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="portlet-body">
                    <div class="table-container">

                        <table class="table table-striped table-bordered table-hover" id="datatable_orders">
                            <thead>
                            <tr role="row" class="heading">
                                <th >
                                    姓名
                                </th>
                                <th >
                                    性别
                                </th>
                                <th >
                                    字辈
                                </th>
                                <th >
                                    出生年月
                                </th>
                                <th >
                                    子辈
                                </th>
                                <th >
                                    现工作单位
                                </th>
                                <th >
                                    现职位
                                </th>
                                <th >
                                    联系电话
                                </th>
                                <th >
                                    区域
                                </th>
                                <th >
                                    操作
                                </th>
                            </tr>
                            <tr role="row" class="" ms-repeat="array">
                                <td>
                                    {{el.Name}}
                                </td>
                                <td>
                                    {{el.Sex}}
                                </td>
                                <td>
                                    {{el.Rand}}
                                </td>
                                <td>
                                    {{el.Birthday}}
                                </td>
                                <td>
                                    {{el.SonCount}}
                                </td>
                                <td>
                                    {{el.NowCompany}}
                                </td>
                                <td>
                                    {{el.NowJob}}
                                </td>
                                <td>
                                    {{el.Phone}}
                                </td>
                                <td>
                                    {{el.Province}}
                                </td>
                                <td width="6%">
                                    <div class="margin-bottom-5">
                                        <button class="btn btn-sm blue filter-submit margin-bottom">详情</button>
                                    </div>
                                    <button class="btn btn-sm blue filter-cancel">编辑</button>
                                </td>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- End: life time stats -->
        </div>
    </div>
</body>
</html>